﻿@{
    ViewBag.Title = "Index";
}

<h2>Image Gallery</h2>
<p>
    @Html.ActionLink("Upload New", "Upload")
</p>
@*<img alt="water" width="150px" src="http://healthcommunity.blob.core.windows.net/healthcontainer/blobImage"/>
<img alt="brocoli" width="150px" src="http://healthcommunity.blob.core.windows.net/healthcontainer/brocoli.jpg"/>*@
<p>
    @foreach (var img in ViewBag.Images)
    {
        <a class="fancybox"  href="@img.Uri" data-fancybox-group="gallery" > <img alt="@img.Uri" height="150px" src="@img.Uri" /> </a>
    }
</p>
<script type="text/javascript">
    $(document).ready(function () {
        /*
        *  Simple image gallery. Uses default settings
        */

        $('.fancybox').fancybox();
        
    });
</script>